<template>
	<view class="work-container padding-bottom-xs">
		<!-- 轮播图 -->
		<!-- 购买须知 -->
		<view>
			<uni-notice-bar
				text="[多行] 这是 NoticeBar 通告栏，这是 NoticeBar 通告栏，这是 NoticeBar 通告栏，这是 NoticeBar 通告栏"></uni-notice-bar>
		</view>
		<view class="margin-sm">
			<view v-for="item in 10" @click="onClick(item.id)">
				<view style="width: 100%;" class="maoboli padding-sm margin-top radius ">
					<view style="display: flex;justify-content: space-between;;padding: 10rpx;border-radius: 10px;">
						<view style="display: flex;width: 100%;">
							<view style="width: 120rpx;">

								<image src="/static/images/套餐.png"
									style="width: 120rpx;height: 120rpx;border-radius: 8px;">
								</image>
								<view style="color: red;font-size: 32rpx;font-weight: bold;" class="juzhong ">19.88元
								</view>
								<view style="color: #999;font-size: 20rpx;text-decoration:line-through"
									class="juzhong ">128元
								</view>
							</view>
							<view class="margin-left-sm" style="width: 100%;">

								<view style="display: flex;justify-content: space-between;">
									<view style="font-size: 32rpx;font-weight: bold;color: #333;">卡机名称阿斯顿发生发</view>
									<view>

									</view>
									<view style="font-size: 24rpx;color: #999;">
										查看详情 >
									</view>
								</view>
								<view style="font-size: 24rpx;margin-top: 6rpx;color: #999">
									<text class="margin-left-xs ">222米距您222米距您222米距您222米距您222米距您222米</text>
								</view>
								<view
									style="font-size: 24rpx;margin-top: 20rpx;color: #999;  flex-wrap: wrap;display: flex;">
									<text class="mendianTap" v-for="item in 5">{{item}}{{item}}{{item}}{{item}}</text>
								</view>
							</view>
						</view>
					</view>

				</view>
			</view>
			<guaguaLxianxi style="margin-bottom: 200rpx;"></guaguaLxianxi>
		</view>
		<!-- <Tabbar :pageIndex="2"></Tabbar> -->
	</view>
</template>

<script>
	import storage from '@/utils/storage'
	export default {
		data() {
			return {
				current: 0,
				swiperDotIndex: 0,
				list: []
			}
		},
		onShow() {
			this.init()
		},
		methods: {
			clickBannerItem(item) {

			},
			changeSwiper(e) {
				this.current = e.detail.current
			},

			init() {


			},
			onClick(id) {
				uni.navigateTo({
					url: "/pages/goods/goodsInfo/goodsInfo?id=" + id
				})
			},
		}
	}
</script>

<style lang="scss">
	page {
		// background: linear-gradient(to bottom, $uni-color-primary, $uni-bg-color-grey 40%); // background-size: 100% 400px;
		height: 100%;
	}

	.mendianTap {
		margin-top: 5rpx;
		padding: 1px 4px;
		border: solid #999 1px;
		margin-right: 10rpx;
		margin-top: 5rpx;
		border-radius: 5px;
	}

	.background {

		color: #fff;
	}
</style>